team-staff-onjob {
    @function pxTovw($px){
        @return $px/1080*100vw;
    }
    *{
        margin: 0;
        padding: 0;
        font-size: 0;
    }
    li{
        list-style: none;
        display: inline-block;
        color: #1f212a;
    }
    .staff-header-wrapper{
        padding: pxTovw(30) pxTovw(25);
        font-size: pxTovw(42);
        font-weight: bold;
        box-shadow: 0 .5vw 2vw .2vw #ddd;
        ul{
            display: flex;
            align-items: center;
        }
        li{
            vertical-align: middle;
            text-align: center;
            font-size: pxTovw(42);
        }
        li:first-child{
            position: relative;
            color: #36b249;
            span{
                display: inline-block;
                width: pxTovw(24);
                height: pxTovw(24);
                background: url("../assets/images/myTeam/icon_down.png") 0 0 no-repeat;
                background-size:  pxTovw(24) pxTovw(24);
            }
        }
        li:first-child{
            vertical-align: middle;
            text-align: center;
            width:pxTovw(205);
        }
        li:nth-child(2){
            width:pxTovw(155);
        }
        li:nth-child(3){
            width:pxTovw(190);
        }
        li:nth-child(4){
            width:pxTovw(100);
        }
        li:nth-child(5){
            width:pxTovw(230);
        }
        li:nth-child(6){
            flex-grow: 1;
        }
    }
    ion-content{
        .staff-info-detail{
            margin-top: pxTovw(20);
            text-align: center;
            li.person-info{
                margin: pxTovw(20) 0;
                position: relative;
                display: inline-block;
                text-align: left;
                width: pxTovw(1030);
                height: pxTovw(190);
                border-radius: pxTovw(8);
                box-shadow: 0 .5vw 2vw .2vw #ddd;
                ul.details{
                    display: flex;
                    align-items: center;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                }
                li{
                    vertical-align: middle;
                    text-align: center;
                    font-size: pxTovw(36);
                }
                li:first-child{
                    margin:0 pxTovw(35) 0 pxTovw(10);
                    width:pxTovw(160);
                }
                li:nth-child(2){
                    width:pxTovw(155);
                }
                li:nth-child(3){
                    width:pxTovw(190);
                }
                li:nth-child(4){
                    width:pxTovw(100);
                    // color: #999;
                }
                li:nth-child(5){
                    width:pxTovw(230);
                }
                li:nth-child(6){
                    flex-grow: 1;
                }
            }
            li.birthday::before,li.anniversary::before{
                position: absolute;
                left: - pxTovw(20);
                top: - pxTovw(20);
                display: inline-block;
                width: pxTovw(124);
                height: pxTovw(98);
                background: url("../assets/images/myTeam/birthday.png") 0 0 no-repeat;
                background-size: cover;
                content: "";
            }
            li.anniversary::before{
                background: url("../assets/images/myTeam/anniversary.png") 0 0 no-repeat;
                background-size: cover;
            }
        }
    }
    .fab-ios-light{
        background-color:transparent;
        width: 10vw;
        height: 10vw;
        padding:0;

        .go-up-icon{
            width: 8.89vw;
            height: 8.89vw;
            max-width: none;
        }
    }

    ion-fab[bottom] {
        right: pxTovw(60);
        bottom: pxTovw(60);
    }
}
